@import './base.less';
@import './element-ui.less';
@import './sidebar.less';
@import './animation.less';

.app-container {
  padding: 20px !important;
}
.el-vue-search-box-container {
  width: 300px !important;
  .search-box-wrapper {
    .search-btn {
      width: 50px !important;
      border-left: 1px solid @border-default;
    }
    input {
      padding: 0 7px;
    }
  }
  .search-tips {
    top: 102% !important;
    left: 6px;
    width: 285px;
  }
  ul {
    li {
      .ellipsis();
      color: @label-color !important;
      &.autocomplete-selected {
        color: @white !important;
        background-color: @active !important;
      }
    }
  }
}

// 对话框默认样式
.dialog-box,
.fullscreen-dialog {
  .el-dialog__body {
    padding: 20px 20px;
    .dialog-content {
      max-height: 600px;
      overflow: auto;
    }
  }
}
.fullscreen-dialog {
  .el-dialog__body {
    .dialog-content {
      max-height: 90vh;
    }
  }
}

.input-info {
  margin-left: 10px;
  font-size: 12px;
  color: @danger;
}

// 油电小圆标识
.icon-circle {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  font-size: 12px;
  color: @active;
  text-align: center;
  border: 1px solid @active;
  border-radius: 50%;
}

.red {
  color: @danger !important;
}

.yellow {
  color: #e9e90f !important;
}

.blue {
  color: @active !important;
}

.green {
  color: @success !important;
}

.grap {
  color: @info !important;
}

.disabled {
  color: @info !important;
}
